page{
		background-color: #fff;
	}
	.map_box{
		width: 100%;
		height: 290px;
		.map{
			width: 100%;
			height: 100%;
			position: relative;
			.position_info{
				position: absolute;
				bottom: 10px;
				background-color: #fff;
				left: 50%;
				transform: translateX(-50%);
				width: 95%;
				height: 77px;
				border-radius: 5px;
				align-items: center;
				box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
				box-sizing: border-box;
				display: flex;
				align-items: center;
				font-size: 14px;
				.l{
					width: 270px;
				}
				.name{
					margin: 7px 12px 5px;
					color: #724ce6;
					max-width: 234px;
				}
				.desc{
					margin: 0 12px;
					color: #999;
					max-width: 260px;
					font-size: 12px;
					white-space: pre-wrap;
				}
				.btn_s{
					padding-right: 10px;
					font-size:12px
				}
			}
		}
	}
	.forms{
		padding-left: 15px;
		background-color: #fff;
		.title{
			padding: 15px 0 5px;
			font-size: 16px;
			color: #333;
			font-weight: 700;
		}
		.li-item{
			border-bottom: 1px solid #f2f2f2;
			display: flex;
			align-items: center;
			.l{
				width: 78px;
				font-size: 14px;
				color: #333;
			}
			.r{
				flex: 1;
				padding: 15px 10px;
				.input{
					font-size: 14px;
					flex: 1;
					padding: 0;
					width: 100%;
					color: #333;
				}
				.input::-webkit-input-placeholder { 
					/* WebKit browsers */ 
					font-size:14px;
					color: #333;
				} 
			}
			.r.picker{
				font-size: 14px;
			}
		}
		.gf{
			height: 65px;
		}
	}
	.footer{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 61px;
		background: #fff;
		border-top: 1px solid #eee;
		align-items: center;
		align-content: center;
		position: fixed;
		bottom: 0;
		.add_info{
			color: #fff;
			background: linear-gradient(90deg,#8d65e2,#4839ee);
			display: flex;
			align-items: center;
			justify-content: center;
			height: 42px;
			margin: 0 auto;
			font-size: 16px;
			border-radius: 21px;
			width: 90%;
		}
	}